/*
 * Copyright (c) 2022 Institute of Software Chinese Academy of Sciences (ISCAS)
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *     http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */

.pl-1{padding-left:1px}
.pt-1{padding-top:1px}
.pr-1{padding-right:1px}
.pb-1{padding-bottom:1px}
.ml-1{margin-left:1px}
.mt-1{margin-top:1px}
.mr-1{margin-right:1px}
.mb-1{margin-bottom:1px}
.p-1{padding:1px}
.m-1{margin:1px}
.pl-2{padding-left:2px}
.pt-2{padding-top:2px}
.pr-2{padding-right:2px}
.pb-2{padding-bottom:2px}
.ml-2{margin-left:2px}
.mt-2{margin-top:2px}
.mr-2{margin-right:2px}
.mb-2{margin-bottom:2px}
.p-2{padding:2px}
.m-2{margin:2px}
.pl-3{padding-left:3px}
.pt-3{padding-top:3px}
.pr-3{padding-right:3px}
.pb-3{padding-bottom:3px}
.ml-3{margin-left:3px}
.mt-3{margin-top:3px}
.mr-3{margin-right:3px}
.mb-3{margin-bottom:3px}
.p-3{padding:3px}
.m-3{margin:3px}
.pl-4{padding-left:4px}
.pt-4{padding-top:4px}
.pr-4{padding-right:4px}
.pb-4{padding-bottom:4px}
.ml-4{margin-left:4px}
.mt-4{margin-top:4px}
.mr-4{margin-right:4px}
.mb-4{margin-bottom:4px}
.p-4{padding:4px}
.m-4{margin:4px}
.pl-5{padding-left:5px}
.pt-5{padding-top:5px}
.pr-5{padding-right:5px}
.pb-5{padding-bottom:5px}
.ml-5{margin-left:5px}
.mt-5{margin-top:5px}
.mr-5{margin-right:5px}
.mb-5{margin-bottom:5px}
.p-5{padding:5px}
.m-5{margin:5px}
.pl-6{padding-left:6px}
.pt-6{padding-top:6px}
.pr-6{padding-right:6px}
.pb-6{padding-bottom:6px}
.ml-6{margin-left:6px}
.mt-6{margin-top:6px}
.mr-6{margin-right:6px}
.mb-6{margin-bottom:6px}
.p-6{padding:6px}
.m-6{margin:6px}
.pl-7{padding-left:7px}
.pt-7{padding-top:7px}
.pr-7{padding-right:7px}
.pb-7{padding-bottom:7px}
.ml-7{margin-left:7px}
.mt-7{margin-top:7px}
.mr-7{margin-right:7px}
.mb-7{margin-bottom:7px}
.p-7{padding:7px}
.m-7{margin:7px}
.pl-8{padding-left:8px}
.pt-8{padding-top:8px}
.pr-8{padding-right:8px}
.pb-8{padding-bottom:8px}
.ml-8{margin-left:8px}
.mt-8{margin-top:8px}
.mr-8{margin-right:8px}
.mb-8{margin-bottom:8px}
.p-8{padding:8px}
.m-8{margin:8px}
.pl-9{padding-left:9px}
.pt-9{padding-top:9px}
.pr-9{padding-right:9px}
.pb-9{padding-bottom:9px}
.ml-9{margin-left:9px}
.mt-9{margin-top:9px}
.mr-9{margin-right:9px}
.mb-9{margin-bottom:9px}
.p-9{padding:9px}
.m-9{margin:9px}
.pl-10{padding-left:10px}
.pt-10{padding-top:10px}
.pr-10{padding-right:10px}
.pb-10{padding-bottom:10px}
.ml-10{margin-left:10px}
.mt-10{margin-top:10px}
.mr-10{margin-right:10px}
.mb-10{margin-bottom:10px}
.p-10{padding:10px}
.m-10{margin:10px}
.pl-11{padding-left:11px}
.pt-11{padding-top:11px}
.pr-11{padding-right:11px}
.pb-11{padding-bottom:11px}
.ml-11{margin-left:11px}
.mt-11{margin-top:11px}
.mr-11{margin-right:11px}
.mb-11{margin-bottom:11px}
.p-11{padding:11px}
.m-11{margin:11px}
.pl-12{padding-left:12px}
.pt-12{padding-top:12px}
.pr-12{padding-right:12px}
.pb-12{padding-bottom:12px}
.ml-12{margin-left:12px}
.mt-12{margin-top:12px}
.mr-12{margin-right:12px}
.mb-12{margin-bottom:12px}
.p-12{padding:12px}
.m-12{margin:12px}
.pl-13{padding-left:13px}
.pt-13{padding-top:13px}
.pr-13{padding-right:13px}
.pb-13{padding-bottom:13px}
.ml-13{margin-left:13px}
.mt-13{margin-top:13px}
.mr-13{margin-right:13px}
.mb-13{margin-bottom:13px}
.p-13{padding:13px}
.m-13{margin:13px}
.pl-14{padding-left:14px}
.pt-14{padding-top:14px}
.pr-14{padding-right:14px}
.pb-14{padding-bottom:14px}
.ml-14{margin-left:14px}
.mt-14{margin-top:14px}
.mr-14{margin-right:14px}
.mb-14{margin-bottom:14px}
.p-14{padding:14px}
.m-14{margin:14px}
.pl-15{padding-left:15px}
.pt-15{padding-top:15px}
.pr-15{padding-right:15px}
.pb-15{padding-bottom:15px}
.ml-15{margin-left:15px}
.mt-15{margin-top:15px}
.mr-15{margin-right:15px}
.mb-15{margin-bottom:15px}
.p-15{padding:15px}
.m-15{margin:15px}
.pl-16{padding-left:16px}
.pt-16{padding-top:16px}
.pr-16{padding-right:16px}
.pb-16{padding-bottom:16px}
.ml-16{margin-left:16px}
.mt-16{margin-top:16px}
.mr-16{margin-right:16px}
.mb-16{margin-bottom:16px}
.p-16{padding:16px}
.m-16{margin:16px}
.pl-17{padding-left:17px}
.pt-17{padding-top:17px}
.pr-17{padding-right:17px}
.pb-17{padding-bottom:17px}
.ml-17{margin-left:17px}
.mt-17{margin-top:17px}
.mr-17{margin-right:17px}
.mb-17{margin-bottom:17px}
.p-17{padding:17px}
.m-17{margin:17px}
.pl-18{padding-left:18px}
.pt-18{padding-top:18px}
.pr-18{padding-right:18px}
.pb-18{padding-bottom:18px}
.ml-18{margin-left:18px}
.mt-18{margin-top:18px}
.mr-18{margin-right:18px}
.mb-18{margin-bottom:18px}
.p-18{padding:18px}
.m-18{margin:18px}
.pl-19{padding-left:19px}
.pt-19{padding-top:19px}
.pr-19{padding-right:19px}
.pb-19{padding-bottom:19px}
.ml-19{margin-left:19px}
.mt-19{margin-top:19px}
.mr-19{margin-right:19px}
.mb-19{margin-bottom:19px}
.p-19{padding:19px}
.m-19{margin:19px}
.pl-20{padding-left:20px}
.pt-20{padding-top:20px}
.pr-20{padding-right:20px}
.pb-20{padding-bottom:20px}
.ml-20{margin-left:20px}
.mt-20{margin-top:20px}
.mr-20{margin-right:20px}
.mb-20{margin-bottom:20px}
.p-20{padding:20px}
.m-20{margin:20px}
.pl-21{padding-left:21px}
.pt-21{padding-top:21px}
.pr-21{padding-right:21px}
.pb-21{padding-bottom:21px}
.ml-21{margin-left:21px}
.mt-21{margin-top:21px}
.mr-21{margin-right:21px}
.mb-21{margin-bottom:21px}
.p-21{padding:21px}
.m-21{margin:21px}
.pl-22{padding-left:22px}
.pt-22{padding-top:22px}
.pr-22{padding-right:22px}
.pb-22{padding-bottom:22px}
.ml-22{margin-left:22px}
.mt-22{margin-top:22px}
.mr-22{margin-right:22px}
.mb-22{margin-bottom:22px}
.p-22{padding:22px}
.m-22{margin:22px}
.pl-23{padding-left:23px}
.pt-23{padding-top:23px}
.pr-23{padding-right:23px}
.pb-23{padding-bottom:23px}
.ml-23{margin-left:23px}
.mt-23{margin-top:23px}
.mr-23{margin-right:23px}
.mb-23{margin-bottom:23px}
.p-23{padding:23px}
.m-23{margin:23px}
.pl-24{padding-left:24px}
.pt-24{padding-top:24px}
.pr-24{padding-right:24px}
.pb-24{padding-bottom:24px}
.ml-24{margin-left:24px}
.mt-24{margin-top:24px}
.mr-24{margin-right:24px}
.mb-24{margin-bottom:24px}
.p-24{padding:24px}
.m-24{margin:24px}
.pl-25{padding-left:25px}
.pt-25{padding-top:25px}
.pr-25{padding-right:25px}
.pb-25{padding-bottom:25px}
.ml-25{margin-left:25px}
.mt-25{margin-top:25px}
.mr-25{margin-right:25px}
.mb-25{margin-bottom:25px}
.p-25{padding:25px}
.m-25{margin:25px}
.pl-26{padding-left:26px}
.pt-26{padding-top:26px}
.pr-26{padding-right:26px}
.pb-26{padding-bottom:26px}
.ml-26{margin-left:26px}
.mt-26{margin-top:26px}
.mr-26{margin-right:26px}
.mb-26{margin-bottom:26px}
.p-26{padding:26px}
.m-26{margin:26px}
.pl-27{padding-left:27px}
.pt-27{padding-top:27px}
.pr-27{padding-right:27px}
.pb-27{padding-bottom:27px}
.ml-27{margin-left:27px}
.mt-27{margin-top:27px}
.mr-27{margin-right:27px}
.mb-27{margin-bottom:27px}
.p-27{padding:27px}
.m-27{margin:27px}
.pl-28{padding-left:28px}
.pt-28{padding-top:28px}
.pr-28{padding-right:28px}
.pb-28{padding-bottom:28px}
.ml-28{margin-left:28px}
.mt-28{margin-top:28px}
.mr-28{margin-right:28px}
.mb-28{margin-bottom:28px}
.p-28{padding:28px}
.m-28{margin:28px}
.pl-29{padding-left:29px}
.pt-29{padding-top:29px}
.pr-29{padding-right:29px}
.pb-29{padding-bottom:29px}
.ml-29{margin-left:29px}
.mt-29{margin-top:29px}
.mr-29{margin-right:29px}
.mb-29{margin-bottom:29px}
.p-29{padding:29px}
.m-29{margin:29px}
.pl-30{padding-left:30px}
.pt-30{padding-top:30px}
.pr-30{padding-right:30px}
.pb-30{padding-bottom:30px}
.ml-30{margin-left:30px}
.mt-30{margin-top:30px}
.mr-30{margin-right:30px}
.mb-30{margin-bottom:30px}
.p-30{padding:30px}
.m-30{margin:30px}
.pl-31{padding-left:31px}
.pt-31{padding-top:31px}
.pr-31{padding-right:31px}
.pb-31{padding-bottom:31px}
.ml-31{margin-left:31px}
.mt-31{margin-top:31px}
.mr-31{margin-right:31px}
.mb-31{margin-bottom:31px}
.p-31{padding:31px}
.m-31{margin:31px}
.pl-32{padding-left:32px}
.pt-32{padding-top:32px}
.pr-32{padding-right:32px}
.pb-32{padding-bottom:32px}
.ml-32{margin-left:32px}
.mt-32{margin-top:32px}
.mr-32{margin-right:32px}
.mb-32{margin-bottom:32px}
.p-32{padding:32px}
.m-32{margin:32px}
.pl-33{padding-left:33px}
.pt-33{padding-top:33px}
.pr-33{padding-right:33px}
.pb-33{padding-bottom:33px}
.ml-33{margin-left:33px}
.mt-33{margin-top:33px}
.mr-33{margin-right:33px}
.mb-33{margin-bottom:33px}
.p-33{padding:33px}
.m-33{margin:33px}
.pl-34{padding-left:34px}
.pt-34{padding-top:34px}
.pr-34{padding-right:34px}
.pb-34{padding-bottom:34px}
.ml-34{margin-left:34px}
.mt-34{margin-top:34px}
.mr-34{margin-right:34px}
.mb-34{margin-bottom:34px}
.p-34{padding:34px}
.m-34{margin:34px}
.pl-35{padding-left:35px}
.pt-35{padding-top:35px}
.pr-35{padding-right:35px}
.pb-35{padding-bottom:35px}
.ml-35{margin-left:35px}
.mt-35{margin-top:35px}
.mr-35{margin-right:35px}
.mb-35{margin-bottom:35px}
.p-35{padding:35px}
.m-35{margin:35px}
.pl-36{padding-left:36px}
.pt-36{padding-top:36px}
.pr-36{padding-right:36px}
.pb-36{padding-bottom:36px}
.ml-36{margin-left:36px}
.mt-36{margin-top:36px}
.mr-36{margin-right:36px}
.mb-36{margin-bottom:36px}
.p-36{padding:36px}
.m-36{margin:36px}
.pl-37{padding-left:37px}
.pt-37{padding-top:37px}
.pr-37{padding-right:37px}
.pb-37{padding-bottom:37px}
.ml-37{margin-left:37px}
.mt-37{margin-top:37px}
.mr-37{margin-right:37px}
.mb-37{margin-bottom:37px}
.p-37{padding:37px}
.m-37{margin:37px}
.pl-38{padding-left:38px}
.pt-38{padding-top:38px}
.pr-38{padding-right:38px}
.pb-38{padding-bottom:38px}
.ml-38{margin-left:38px}
.mt-38{margin-top:38px}
.mr-38{margin-right:38px}
.mb-38{margin-bottom:38px}
.p-38{padding:38px}
.m-38{margin:38px}
.pl-39{padding-left:39px}
.pt-39{padding-top:39px}
.pr-39{padding-right:39px}
.pb-39{padding-bottom:39px}
.ml-39{margin-left:39px}
.mt-39{margin-top:39px}
.mr-39{margin-right:39px}
.mb-39{margin-bottom:39px}
.p-39{padding:39px}
.m-39{margin:39px}
.pl-40{padding-left:40px}
.pt-40{padding-top:40px}
.pr-40{padding-right:40px}
.pb-40{padding-bottom:40px}
.ml-40{margin-left:40px}
.mt-40{margin-top:40px}
.mr-40{margin-right:40px}
.mb-40{margin-bottom:40px}
.p-40{padding:40px}
.m-40{margin:40px}
.mt-50 {margin-top: 50px;}
.mt-60 {margin-top: 60px;}
.mr-60{margin-right:60px}
.mt-80 {margin-top: 80px;}
.mt-90 {margin-top: 90px;}
.mt-100{margin-top:100px}
.mt-120{margin-top:120px}
.mt-130{margin-top:130px}
.mt-200{margin-top: 200px;}
.mr-200{margin-right: 200px;}
.mr-260{margin-right: 260px;}
.ml-auto{margin-left: auto;}
.mr-auto{margin-right: auto;}

.flex{display: flex;}
.flex-wrap{display: flex;flex-wrap: wrap;}
.flex-column{display: flex;flex-direction: column;}
.flex-x-center{display:flex;justify-content:center}
.flex-y-center{display:flex;align-items:center;}
.flex-xy-center{display:flex;justify-content:center;align-items:center}

.m-center{
    margin-left: auto;
    margin-right: auto;
}

.flex-x-between{
    display: flex;
    justify-content: space-between;
}
.tc{
    text-align: center
}
.wb{
    word-break: break-word;
}
.tc-wb{
    text-align: center;
    word-break: break-word;
}

.tac{
    text-align: center;
}
.full{
    width: 100vw;
    height: 100vh;
}
.flex-one{
    flex:1;
}
.flex-tow{
    flex:2;
}

